<template>
  <div>
    <!-- 4、使用头部组件 -->
    <de></de>
    <h1>hello vue</h1>
    <!-- 4、使用全局组件 -->
    <myFooter></myFooter>
  </div>
</template>

<script>
/**
 * 总结：
 * 组件的创建和使用
 * 1、直接在项目中创建vue文件，并封装好样式结构和行为
 * 2、引入封装的组件 
 *    哪里注册就哪里引入
 * 3、注册
 *  全局注册 -- main.js中进行注册   ---- 注册好的组件可以在任意的vue文件中使用
 *  局部注册 -- 某个vue文件中进行注册 -- 注册好的组件只能在当前vue文件中使用
 * 
 * 全局注册的语法：
 *  Vue.component("自定义组件名", 组件对象)
 * 
 * 局部注册语法：
 *  components: {
 *    自定义组件名: 组件对象
 *  }
 * 
 * 4、使用
 *  把自定义组件名当成标签使用，插入到html结构中 即可
 *
 */ 
///2、引入组件
import demo from './components/demo.vue'
export default {
  ///3、注册组件
  components: {
    de: demo
  }
}
</script>

<style>

</style>